<template>
    <div class="hello">
        <mt-header title="我的信息">
            <router-link to="/" slot="left">
                <i class="mintui mintui-back lic-d"></i>
            </router-link>
        </mt-header>
        <div>
            <div class="par">
                <div class="par-a">
                    <p>
                        ID:<span>sdgvssgdv</span>
                    </p>
                    <p>
                        当前房卡：<span>dfvasdh</span>
                    </p>
                </div>
                <div class="par-b">
                    <p>
                        积累下级：<span>sdbvahsdgb</span>
                    </p>
                    <p>
                        积累房卡：<span>sdbcvha</span>
                    </p>
                </div>
            </div>
        </div>
        <ul class="Nine">
            <router-link tag="li" to="/record">
                <img src="../assets/image/c5.png" alt="">
                <p>代理记录</p>
            </router-link>
            <router-link tag="li" to="/gameRecord">
                <img src="../assets/image/c2.png" alt="">
                <p>玩家记录</p>
            </router-link>
            <router-link tag="li" to="/agentback">
                <img src="../assets/image/xiugai.png" alt="">
                <p>玩家回退</p>
            </router-link>
            <router-link tag="li" to="/gameback">
                <img src="../assets/image/xiugai-1.png" alt="">
                <p>代理回退</p>
            </router-link>
            <router-link tag="li" to="/password">
                <img src="../assets/image/xiu.png" alt="">
                <p>修改密码</p>
            </router-link>
            <router-link tag="li" to="/logo">
                <img src="../assets/image/c3.png" alt="">
                <p>退出登陆</p>
            </router-link>
        </ul>
    </div>
</template>

<script>
    import {selectagent,person} from '../api/api'
    export default {
        data() {
            return {
                selectagentdata: {},
                id: this.$route.params.id,
                count: '',      //下级人数
                sumGems: '',    //累计房卡
                agentID:'',     //代理ID
                agentName:'',   //代理名称
                gems:''         //当前房卡
            }
        },
        created() {
            this.getselectagent();
            // this.getperson();//个人信息
        },
        methods: {
            getselectagent() {
                selectagent(this.id).then(res => {
                    if (res.data.code == 0) {
                        console.log(res.data);
                        this.selectagentdata = res.data.data;
                        this.count = res.data.count;
                        this.sumGems = res.data.sumGems;
                    }
                })
            }
        },
    //    getperson(){//admin 个人信息
    //        person().this(res => {
    //            console.log(res.data);
    //            if (res.data.code == 0) {
    //                this.agentID = res.data.agentID;
    //                this.count = res.data.count;
    //                this.agentName = res.data.gems;
    //                this.sumGems = res.data.sumGems;
    //            }
    //        })
    //    }
    }
</script>

<style lang="less" scoped>
    a {
        text-decoration: none;
    }
    .lic-d {
        font-size: 50px;
    }
    .mint-header {
        background: -webkit-linear-gradient(left, #6180f4, #79cbfa);
        font-size: 36px;
        height: 80px;
    }
    .Nine {
        list-style: none;
        width: 100%;
        padding: 0;
        margin: 0;
        li {
            width: 33%;
            float: left;
            margin-top: 26px;
            img {
                width: 108px;
                display: block;
                margin: 0 auto;
            }
        }
        p {
            padding: 0;
            margin: 0;
            text-align: center;
            font-size: 24px;
            color: #ACACAC;
        }
    } //   .sty{
    //       width: 100%;
    //       height: 300px;
    //       background-color: red;
    //   }
    a {
        text-decoration: none;
    }
    .lic-d {
        font-size: 50px;
    }
    .mint-header {
        background: -webkit-linear-gradient(left, #6180F4, #79CBFA);
        font-size: 36px;
        height: 80px;
    }
    .par {
        width: 95%;
        height: 140px;
        margin-top: 40px;
        background-color: #F5F5F5;
        margin-left: 16px;
        border: 2px solid #cccccc;
        border-radius: 10px;
        p {
            padding: 0;
            margin: 0;
            font-size: 28px;
            margin-top: 10px;
        }
        .par-a {
            float: left;
            padding: 10px 30px 0;
        }
        .par-b {
            float: right;
            padding: 10px 30px 0;
        }
    }
</style>

